.container-fluid {
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Full viewport height */
}

.dhhrimage {
	padding:2em; max-width:100%; width:100%; height:auto;
}

.dhhrimage2 {
	padding:2em; max-width:100%; width:90%; height:auto;
}

.row {
	display:flex;
}
.col {
	display:flex;
}
.backgroundclr {
	background-color:#f1f2f2; border-radius:1em; text-align:center; flex:1 1 auto !important;
}

.backgroundclr:hover, .backgroundclr:active, .backgroundclr:focus {
	background-color:white; border:1px solid #cccccc;
}




@media (max-width: 767px)
{

.container-fluid {
display: block!important;
height: auto; 
}



.dhhrimage2 {
	padding:1em 1em 1em 2em; max-width:100%; width:100%; height:auto;
}
.row {
	display:block; margin-top:2em;
}
.col {
	display:block; margin-bottom:2em;
}

}